*{
	margin:0;
	padding:0;
	border:none;
}
body{
	font-size: .92rem;
	font-family:"微软雅黑","黑体";
	background:#eee;
}
li{
	list-style:none;
}
p{
	margin:1rem 0;
	text-align:justify;
}
.center{
	text-align:center;
}
.block{
	width:20rem;
	display: block;
	overflow:hidden;
	margin:.3rem 0;
	background:white;
}
.card{
	width:18rem;
	margin:.5rem;
	padding:.5rem;
	display:block;
	overflow:hidden;
	background:white;
	border-radius:.2rem;
}
.text{
	width:18.8rem;
	display: block;
	overflow:hidden;
	margin:.3rem 0;
	padding:.6rem;
	/*text-indent:2em;*/
	background:white;
}
#topbar{
	width:20rem;
	height:2rem;
	display:flex;
	color:white;
	/*text-shadow:.05rem .05rem .05rem black;*/
	position:fixed;
	top:0;
	left:0;
	z-index: 100;
	background:#0CBEA0;
}
#topbarBottom{
	margin-top:2rem;
}
#topbarLeft, #topbarRight{
	width:3rem;
	height:2rem;
	padding:0 .5rem;
	line-height: 2rem;
	display:block;
}
#topbar img{
	height:2rem;
}
#topbarLeft{
	text-align: left;
}
#topbarCenter{
	width:12rem;
	height:2rem;
	line-height: 2rem;
	text-align:center;
	display: block;
	overflow: hidden;
	position:relative;
	clear:both;
}
#topbarCenter .logo{
	position:absolute;
	left:2rem;
	height:2rem;
}
#topbarCenter .title{
	position:absolute;
	left:4.2rem;
}
#topbarRight{
	text-align: right;
}
#cc{
	margin:2rem 0 3.2rem;
}
#bottombar{
	width:20rem;
	height:3rem;
	display: flex;
	border-top:.05rem solid #efefef;
	position:fixed;
	bottom:0;
	left:0;
	z-index: 100;
	background:white;
}
#bottombar .activity{
	color:#0CBEA0;
}
#bottombar li{
	width:5rem;
	height:2.4rem;
	padding:.3rem 0;
	/*background:#cedede;*/
	display: block;
	float: left;
	font-size: .66rem;
	font-weight:700;
	text-align:center;
}
.navblock{
	width:5rem;
	height:3.4rem;
	padding:.3rem 0;
	/*background:#cedede;*/
	display: block;
	float: left;
	font-size: .66rem;
	font-weight:700;
	text-align:center;
}
#bottombar li img{
	height:1.5rem;
	display:block;
	margin:0.05rem auto;
	border-style:none;
}
.navblock img{
	width:2rem;
	height:2rem;
	display:block;
	margin:0.2rem auto;
	/*background: #eee;*/
	border-radius: .4rem;
	border-style:none;
}
.banner{
	width:20rem;
	height:10rem;
	margin-bottom:.3rem;
	display:block;
	position:relative;
	overflow:hidden;
	background:white;
}
.banner img{
	width:20rem;
	height:10rem;
	display:block;
}
#carousel{
	width:20rem;
	height:10rem;
	display:flex;
	position:absolute;
	transition:left .2s;
	top:0;
	left:0;
}
#carousel li{
	width:20rem;
	height:10rem;
	display:block;
}
#carDot{
	position:absolute;
	z-index: 10;
	bottom:.3rem;
	right:.5rem;
	height:.5rem;
	display: flex;
	opacity:.8;
	line-height: .5rem;
}
#carDot li{
	width:.3rem;
	height:.3rem;
	margin:.1rem;
	border-radius:.15rem;
	background:#eee;
	display: block;
}
.line{
	width:19rem;
	height:1rem;
	line-height: 1rem;
	overflow: hidden;
	padding:.5rem;
	background:white;
	display:flex;
	position:relative;
}
.lineTitle{
	font-size: .85rem;

}
#topline{
	width:14.5rem;
	/*line-height:2rem;*/
	margin-left:4.4rem;
	display:block;
	transition:top .2s;
	position:absolute;
	top:0;
}
#topline li{
	width:14.5rem;
	height:2rem;
	line-height: 2rem;
	display: block;
	font-size: .66rem;
}
button, .longButton{
	width:18.5rem;
	height:2rem;
	display:block;
	line-height: 2rem;
	font-size: .8rem;
	text-align: center;
	margin:.5rem auto;
	color:white;
	border-radius: .3rem;
	border-style:none;
	background:#0CBEA0;
}
.disButton{
	color:#666;
	background:#ccc;
}
.catContent{
	width:20rem;
	display:flex;
	overflow-x:auto;
	/*clear:both;*/
}
.catContent:after{
	clear:both;
	padding-right:.5rem;
}
.catContent li{
	width:6rem;
	/*height:6rem;*/
	display: block;
	/*float:left;*/
	/*text-align: center;*/
	font-size: .66rem;
	margin-left:.5rem;
	padding:.2rem 0;
}
.catContent li img{
	width:6rem;
	height:4rem;
	display:block;
	background:#eee;
}
.catContent .title{
	font-size: .66rem;
	line-height: 1.5rem;
}
.catTitle{
	width:17.8rem;
	height:1.2rem;
	line-height: 1.2rem;
	font-size: .8rem;
	font-weight: 700;
	padding:0 .5rem;
	margin:0.2rem .5rem;
	border-left:.2rem solid #0CBEA0;
}
#count{
	font-size: .8rem;
	font-weight:700;
	color:#0CBEA0;
}
select, .input{
	height:1rem;
	line-height: 1rem;
	padding:.2rem;
	margin:.2rem .5rem;
	font-size: .64rem;
	border-radius:.3rem;
	border:.1rem solid #666;
	background:white;
}
select{
	width:8.25rem;
	padding:.2rem;
	height:1.5rem;
	line-height: 1.5rem;
}
.textList li{
	width:18rem;
	height:3rem;
	padding:0 .4rem;
	line-height:3rem;
	display: block;
	background:#f2fff5;
	border-radius:.2rem;
	box-shadow:0 0 .1rem #999;
	margin:.5rem 0;
}
.textList li span{
	float:right;
}
.userHead{
	height:3rem;
	display:block;
	clear:both;
	overflow: hidden;
}
.userHead .a{
	font-size:1rem;
	height:2rem;
	/*line-height: 2rem;*/
	display: block;
	margin:.5rem 0 0 1rem;
	float:left;
}
.userHead .a .b, .userHead .a .d{
	line-height:1rem;
	padding:.5rem;
	margin:0 .2rem;
	border-radius: .5rem;
	float:left;
	color:white;
	background:#0CBEA0;
}
.userHead .a .d{
	color:#999;
	background:#eee;
}
.userHead img{
	width:3rem;
	height:3rem;
	display:block;
	float:left;
	border-radius:1.5rem;
	background:#eee;
}
#login, #signup{
	width:20rem;
	height:100%;
	display:none;
	position:fixed;
	top:0;
	left:0;
	z-index:101;
	overflow-y:auto;
	background:rgba(0,0,0,.6);
}
form .box, #vBox{
	width:16rem;
	/*height:8rem;*/
	background:white;
	display:block;
	text-align:center;
	border-radius:.5rem;
	position:absolute;
	top:2rem;
	margin:1rem;
	padding:1rem;
	box-shadow:.1rem .1rem 1rem black;
}
#vBox{
	display:none;
	font-size:.8rem;
}
#clsVbox{
	width:80%;
	color:white;
	display:block;
	padding:.5rem;
	margin:.5rem auto;
	background:#0cbea0;
	border-radius:.5rem;
}
form .box dl{
	width:16rem;
	clear:both;
	overflow: hidden;
}
form .box dt{
	width:3rem;
	height:1rem;
	font-size:.66rem;
	line-height: 1rem;
	margin:.4rem .5rem;
	padding:.5rem;
	display: block;
	float:left;
	text-align:right;
}
form .box input{
	width:8rem;
	height:1rem;
	font-size:1rem;
	margin:.3rem 0;
	padding:.5rem;
	border:.1rem solid #999;
	border-radius:.5rem;
	display: block;
}
form .box dd {
	width:11rem;
	height:2.8rem;
	display:block;
	float:right;
}
form .box .abtn, form .box .nbtn{
	width:3rem;
	height:1rem;
	line-height: 1rem;
	display: inline-block;
	overflow: hidden;
	/*font-size:1rem;*/
	border-radius:.5rem;
	/*float:left;*/
	text-align:center;
	padding:.5rem;
	margin:.2rem;
}
form .box .abtn{
	color:white;
	background:#0cbea0;
}
form .box .nbtn{
	color:#999;
	background:#eee;
}
#signupMsg{
	text-align:center;
	font-size:.8rem;
	color:red;
}